<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="google-site-verification" content="yaeorbXgKPwp5BDegBtAJEHYWFEFE-BViWTj74gJPrw" />
<!--  -->
<link href="/css/default.css" type="text/css" rel="stylesheet" />
<!--  -->
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/lang/cn.js"></script>
<script type="text/javascript" src="/js/mac/core.min.js"></script>
<title></title>
<script type="text/javascript" src="/js/mac/webapp.min.js"></script>
<script type="text/javascript" src="/js/mac/contextMenu.min.js"></script>
<link href="/css/default/mac/menu/menu.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/mac/menu.min.js"></script>
</head>
<body>
<style type="text/css">
.menu1 { border: none !important; }
.menu1 li { padding: 8px 12px 8px 12px; }
.menu1 li.sp { height: 1px !important; padding: 0px; }
.menu1 li.sp div { margin: 0px 16px 0px 16px; border-top: solid 1px #CCC; }
.menu1 li.sp .icon { display: none; }
.menu1 li.arrow {
	height: 16px !important; padding: 0px;
	background: transparent url(/css/images/arrow2.png) no-repeat 50% 0;
}
.menu1 li.arrow .icon { display: none; }
</style>
<script type="text/javascript">
$(function(){
	var mu = $('#menuDemo').mac('menu', {
		children: [{
			style: 'arrow'
		},{
			title : 'MenuA',
			icon: 'icon-newwin'
		},{
			style : 'sp',
			title: '<div></div>'
		},{
			title : 'MenuB',
			icon: 'icon-newwin'
		},{
			style : 'sp',
			title: '<div></div>'
		},{
			title : 'MenuC',
			icon: 'icon-newwin'
		}]
	});
	$('#menuBtn').contextMenu({
		menu : mu,
		button: 1,//3: right click, 1: left click
		onPopup : function(el) {
			//onPopup event
		},
		anchor: 'el',//Notice here!
		offset: { x: 1, y: 20 }
	}, function(action, el, pos) {
		alert(action);
		return false;
	});
});
</script>
<button id="menuBtn">Click Me</button>
<ul id="menuDemo" class="contextMenu menu1"></ul></body>
</html>
